a * {
    -webkit-transition: all .4s ease!important;
    -moz-transition: all .4s ease!important;
    transition: all .4s ease!important;
}
::-webkit-scrollbar {
background: #fff;
width: 5px;
height: 5px;
border-radius: 30px;
}
::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
 border-radius: 30px;
 background: #fff;
}
::-webkit-scrollbar {
 background: #fff;
 width: 5px;
border-radius: 30px;
}
::-webkit-scrollbar-thumb {
background-color: #28a24c;
border-radius: 30px;
}
::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
 border-radius: 30px;
 background: #333;
 border-radius: var(--bs-border-radius) !important;
}
/*.solution{background-image: url("assets/img/bnhb/s-1.jpg");background-size: cover;background-repeat: no-repeat;background-position: center;}*/
.w-sol{width: 70%}
.sol-bz{
    font-size: 24px;
    color: #fff;
    background: #28a24c;
    display: inline-block;
    margin-top: 40px;
    padding: 8px 10px;
}

.at_canvus_social{display: flex;justify-content: flex-end}
.at_canvus_social .qr-box:first-child{margin-right: 10px;}
.at_canvus_social img{width: 150px;height: auto;}
.header-style-one{overflow: hidden;}
.i-ab{background: rgba(255,255,255,0.7);padding:30px 30px 50px 40px}
.ptb-ab{padding: 250px 0}
.evcharger-advantage {position: relative;overflow: hidden;padding: 70px 0 100px}
.evcharger-advantage .img {position: relative;}
.evcharger-advantage .title {position: absolute;left: 50%;top:15%;text-align: center;color: #fff;width: 500px;margin-left: -250px;z-index: 10;}
.evcharger-advantage .title h3{margin: 0;font-size: 40px;}
.evcharger-advantage .title h4{margin: 10px 0;font-weight: normal;font-size: 16px;opacity: .6;}
.evcharger-advantage .item3 {position: absolute;width:100%;height: 100%;left: 0;top: 0;z-index: 3;}
.evcharger-advantage .item3 a{display: block;width: 33%;height: 100%;float: left;color: #fff;text-align: center;opacity: .8;background: url("../image/jb2.png") center 200% repeat-x;z-index: 10;position: relative;}
.evcharger-advantage .item3 a .main {position: relative;width:100%;height: 60%;z-index: 100;padding-top: 65%;overflow: hidden;}
.evcharger-advantage .item3 a::before {content: '';display: block;width: 1px;height: 100%;background: #fff;position: absolute;right: 0;top: 0;opacity: .15;}
.evcharger-advantage .item3 a:last-child::before {display: none;}
.evcharger-advantage .item3 i{display: block;position: relative;width: 90px;height: 65px;margin:auto;}
.evcharger-advantage .item3 i .img{display: block;}
.evcharger-advantage .item3 h3 {margin: 5px 0 20px 0;}
.evcharger-advantage .item3 .line {width: 50px;height:3px;background: #00bf86;margin:10px auto;}
.evcharger-advantage .item3 .text {font-size: 15px;width: 65%;margin: auto;line-height: 26px;}
.evcharger-advantage .item3 a:hover,.evcharger-advantage .item3 a.cur {background: url("../image/jb2.png") bottom repeat-x;opacity: 1;z-index: 50;}

.evcharger-advantage.sadvantage2 .title {position: relative;left:auto;top:auto;margin:auto;color: #000;}
.evcharger-advantage .item4 {position:relative;width:100%;margin-top: 50px;overflow: hidden;}
.evcharger-advantage .item4 a{display: block;float: left;color: #fff;position: relative;}
.evcharger-advantage .item4 a .text {color: #fff;position: absolute;left:10%;bottom:5%;width: 80%; z-index: 30;}
.evcharger-advantage .item4 a .text h5{margin: 0;font-weight: normal;font-size: 14px;text-transform: uppercase;opacity: .3;color: #fff}
.evcharger-advantage .item4 a .text h3{margin: 5px 0 15px 0;font-size: 24px;color: #fff}
.evcharger-advantage .item4 a .text .line{height: 20px; position: relative;}
.evcharger-advantage .item4 a .text .line::before,.evcharger-advantage .item4 a .text .line::after {content: '';display: block;width: 100%;height:2px;background: #fff;position: absolute;left: 0;top: 0;transition:all .4s ease;}
.evcharger-advantage .item4 a .text .line::before {width: 60px;background: #00bf86;}
.evcharger-advantage .item4 a .text .line::after {opacity: .3;}
.evcharger-advantage .item4 a .text h6{color: #fff; margin: 0;font-weight: normal;font-size: 14px;line-height: 24px;opacity: .6;display: block;height:0px;overflow: hidden;}
.evcharger-advantage .item4 a .img{position: relative;}
.evcharger-advantage .item4 a .img .mark {opacity: 0;position: absolute;z-index: 20;width: 100%;height: 100%;background: url("assets/img/bnhb/evc-mark.png") center bottom repeat-x;}	
.evcharger-advantage .item4 a:hover .text .line::before{width:100%;}
.evcharger-advantage .item4 a:hover .text h6 {display: block;height: 96px;}
.evcharger-advantage .item4 a:hover .img .mark {opacity: 1;}	
.evcharger-advantage.sadvantage3 {margin:6% auto 5% auto;}
.evcharger-advantage.sadvantage3 .title {position: relative;left:auto;top:auto;margin:0;color: #000;text-align: left;}
.content-top {position: relative;}
.navr4 {position: absolute;right: .4%;top:20px;padding-bottom: 20px;}
.navr4::after {content: '';width: 100%;height: 2px;background: #ccc;bottom: 0;position: absolute;right: 0;}
.navr4 a{font-size: 17px;color: #999999;font-weight: bold;margin-left:50px;position: relative;}
.navr4 a.cur::after {content: '';width: 100%;height: 2px;background: #00bf86;bottom: -21px;position: absolute;right: 0;z-index: 1;}
.navr4 a:first-child {margin-left: 0;}
.navr4 a.cur {color: #1a1a1a;}
.navr4 a:hover {color: #000;}
.partners-swiper4 {position: relative;margin-top: 50px;}
.partners-swiper4 .img {width: 19.1%;height: 140px;margin-right: 1%;margin-bottom: 1%;float: left; position: relative;background: #fff;}
.partners-swiper4 .img.mr0 {margin-right: 0;}
.partners-swiper4 .img img{transition:all .4s ease;}
.partners-swiper4 .img:hover img {transform: scale(1.1);}




.sol-img.fu{margin-top: -150px}
.case-s .title-1{padding-left: 38px}
.case-s .title-1.boi i, .case-s .title-1.boi em{left: 10px}
.rental-feature-box .title-1{font-size: 35px;padding-bottom: 0}
.rental-feature-box .title-1.boi i, .rental-feature-box.title-1.boi em{top: 16px}
.car-card{margin-bottom: 50px;width: 100%}
.car-card .card-content h5{font-size: 22px;color: #000;padding-top: 5px}
.car-card:hover{box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.08); }
.car-card:hover .card-content h5{color:#30bf78 }
.car-card .card-content .btn-secondary{border-radius: 30px;background: #fff;color: #30bf78; margin-top: 80px;border:3px solid #30bf78;min-width: 160px}
.car-card .card-content .btn-secondary:hover{color: #fff}
.bnhb-ser{position: relative}
.bnhb-ser h2{font-size: 45px; color: #000;font-weight: normal;padding-top: 100px;}
.bnhb-ser h2 span{color: #00bf86}
.bnhb-sol h2{font-size: 35px; color: #000;font-weight: normal;}
.bnhb-sol h2 span{color: #00bf86}
.bnhb-sol h3{font-size: 40px; padding-bottom: 10px}
.bnhb-sol .title-1.boi i{top: 13px}
.bnhb-sol .h3-car-card{border: 1px solid #e5e5e5}
.sol-gh{padding-bottom: 60px;border-bottom: 1px solid #e5e5e5}
.sol-gy{padding: 100px 0}
.honor .single-staff .staff-social.pp a {
    font-size: 30px;
}
.honor .single-staff .staff-social a {
    width: 50px;
    height: 50px;}
.bnhb-about{background: #fff;padding: 150px 0 0}
.bnhb-about ul li{font-size: 18px;color: #252525}
.bnhb-about .ab-js{border-bottom: 1px solid #e5e5e5;padding-bottom: 30px;margin-bottom: 30px}
.bnhb-about .ab-js img{position: relative;width: 120px;height: auto}
.bnhb-about h2{position: relative;font-weight: normal;font-size: 50px;line-height: 65px;color: #000;border-bottom: 1px solid #e5e5e5;padding-bottom: 30px;margin-bottom: 30px}
.bnhb-about h2 span,.bnhb-zl h2 span{color: #28a24c}
.bnhb-zl{background: url("assets/img/bnhb/zl-bg.jpg");background-position: center center;background-repeat: no-repeat;background-size: cover;padding: 120px 0 120px}
.bnhb-zl h2{color: #fff;font-weight: normal;font-size: 50px;text-align: center}
.ab-left{padding-right: 80px}
.ab-right{padding-left: 80px}
.zl-t li {
    position: relative;
    color: #fff;
    padding: 50px 10px 50px 0;
    width: 100%;
    height: 100%;
    transition: all .4s ease;
    border-bottom: 1px dashed rgb(255,255,255,0.2)
}
.zl-t.right li{padding: 50px 0 50px 10px;}
.zl-t.left{text-align: right}
.zl-t.left li:hover {
    background-image: -webkit-linear-gradient(180deg, rgba(48,190,120,.3) 0%, rgba(253,208,0,0) 100%);
    transition: all .4s ease;
}
.zl-t li:hover {
    background-image: -webkit-linear-gradient(180deg, rgba(253,208,0,0) 0%, rgba(48,190,120,.3) 100%);
    transition: all .4s ease;
}
.zl-t li::after{position: absolute;content: "";background: #28a24c;height: 7px;width: 7px;border-radius: 50%;right: 0;bottom: -4px}
.zl-t.right li::after{left: 0}
.zl-t li h4{color: #fff}

.contact-sidebar-widget{padding-bottom: 50px;padding-top: 40px}
.contact-sidebar-widget h4{color: #333}
.contact-sidebar-widget .co-text{font-size: 17px}
.contact-sidebar-widget h6{color: #000}
.blog-single-area img{width: 100%;}
.comment_form_wrapper h4{color: #333;font-size: 2rem}
.blog-single-area h2{color: #333;padding-bottom: 30px}
.h4-hero-slider-single.case .slide-content {
  max-width: 390px;
  min-height: 300px;  
}
.h3-car-brands.ptb-120{padding-top: 60px;
    padding-bottom: 120px;}
.breadcrumb-section.s1::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(assets/img/bnhb/pro-bg2.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.breadcrumb-section.s2::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(assets/img/bnhb/pro-bg3.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
.breadcrumb-section.s3::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(assets/img/bnhb/pro-bg4.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.preview {
    display: block;
    position: relative;
    margin-bottom: 30px;
}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}
.embed-responsive-16by9 {
    padding-bottom: 56.25%
}
.embed-responsive-16by3 {
    padding-bottom: 58%
}
.embed-responsive-4by3 {
    padding-bottom: 75%
}
.embed-responsive-zd{padding-bottom: 40%}
.mt-45{margin-top: 45px}
.img-center {position: absolute;display: block;left: 0;top: 0;bottom: 0;right: 0;
margin: auto;width: auto!important;height: auto!important;}
.iv_ft_list.sol li{display: inline-block;padding-right: 30px}
.iv_ft_list sub{bottom: 0.1rem;font-size: 5px;margin-right: 5px;color: #28a24c}
.sol-t{font-size: 24px;color: #000}
.iv_ft_list p{margin-bottom: 0}
.product-range {padding: 100px 0 80px 0;overflow: hidden;}
.product-range .title {text-align: center;margin-bottom:60px;}
.product-range .title h2{margin: 0;font-size: 40px;}
.product-range .title h4{margin: 10px auto;font-weight: normal;font-size: 16px;color: #999999;}
.product-range-list {position: relative;text-align: center;font-size: 0;}
.product-range-list .item{background: #fff;position: relative;overflow: hidden;display:block;width: 49.5%;margin:0 1% 1% 0;text-align: left;float: left;}
.product-range-list .item.mr0 {margin-right: 0;}
.product-range-list .item .text{position: absolute;left:8%;top: 0;width: 45%;height: 100%;z-index: 31;color: #000;overflow: hidden;}
.product-range-list .item .text h3{display: block;width:100%;font-size: 26px;color: #1a1a1a;margin: 0;text-transform: uppercase;position: relative;padding-bottom:20px;margin-bottom:15px;}
.product-range-list .item .text h3::before,.product-range-list .item .text h3::after {content: '';display: block;width: 100%;height: 2px;background: #e8e8e8;position: absolute;left: 0;bottom: 0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.product-range-list .item .text h3::before {width:60px;background: #00bf86;z-index: 3;}
.product-range-list .item .text h5{font-size: 14px;line-height: 24px; color: #999999;font-weight:normal;margin: 0;}
.product-range-list .item .text h6{display: inline-block;clear: both; font-size: 14px;color: #999999;font-weight:normal;margin:30px 0 0;padding-right: 25px;background: url("assets/img/bnhb/right11.png") right center no-repeat;}
.product-range-list .item .img{position: relative;float: right;width: 50%;}
.product-range-list .item a {display: block;overflow: hidden;}
.product-range-list .item a .img img.img-center{transform: scale(.96);}
.product-range-list .item a:hover .img img.img-center{transform: scale(1);}
.product-range-list .item a:hover h3::before {width: 100%;}
.product-range-list .product-range-list-swiper {padding-bottom: 50px;}
.product-range-list .product-range-list-swiper .item{width: 100%;margin:0;float: none;}
.product-range-list .product-range-list-swiper .swiper-pagination{bottom:0;}
.product-range-list .product-range-list-swiper .swiper-pagination span{border-radius: 0px;width: 40px;height: 2px;}
.product-range-list .product-range-list-swiper .swiper-pagination span.swiper-pagination-bullet-active {background: #00bf86;}




.screen-banner-bottom.position-fixed.top85 {top:0px;transform:translateY(85px);}
.screen-banner-bottom.position-fixed {position: fixed;top:0px;bottom: auto;border-bottom: 1px solid #e5e5e5;border-top:none;background: #fff;z-index: 99;}
.screen-banner-bottom.position-fixed a {height: 60px;line-height: 60px;font-size: 14px;font-weight: normal;}
.screen-banner-bottom.position-fixed a.cur {color: #000;}
.screen-banner-bottom.position-fixed a::after {background: #e5e5e5;opacity:1;}
.screen-banner-bottom.position-fixed a:hover {color: #000;}

.screen-banner-bottom {position: absolute;bottom: 0;left: 0;width: 100%;z-index: 40;border-top: 1px solid rgba(255,255,255,.2);transition:all .4s ease;}
.screen-banner-bottom-nav {/*width: 75%;*/margin: auto;position: relative;overflow: hidden;}
.screen-banner-bottom-nav::before{content: '';display:block;width:1px;height:30px;background:#fff;position:absolute;left: 0;top: 50%;margin-top: -15px;opacity: .1;}
.screen-banner-bottom-nav a{display: block;float: left;width: 20%;height: 70px;line-height: 70px;position: relative; text-align: center;font-weight:bold;font-size: 17px;color: #f2f2f2;}
.screen-banner-bottom-nav a::before {content: '';display: none;width: 100%;height:3px;background: #00bf86;position: absolute;top:0;left: 0;z-index: 10;}
.screen-banner-bottom-nav a::after {content: '';display: block;width: 1px;height:30px;background: #fff;position: absolute;top: 50%;margin-top: -15px;opacity: .2;}
.screen-banner-bottom-nav a::after {right: 0;}
.screen-banner-bottom-nav a.cur {background: url("assets/img/bnhb/nav.png") top repeat-x;color: #fff;}
.screen-banner-bottom-nav a:hover {background: url("assets/img/bnhb/nav.png") top repeat-x;color: #fff;}
.screen-banner-bottom-nav a:hover::before,.screen-banner-bottom-nav a.cur::before {display: block;}
.screen-banner-bottom-nav.num3 a{width: 33.333%;}
.screen-banner-bottom-nav.num2 a{width: 50%;}
.screen-banner-bottom-nav.num4 a{width: 25%;}
.screen-banner-bottom-nav.num5 {}
.h3-car-card h4::before, .h3-car-card h4::after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: #e8e8e8;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
.h3-car-card h4::before{
    content: '';
    display: block;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0px;
    background: #00bf86;
    z-index: 3;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;}
.h3-car-card:hover h4::before {width: 100%;}
.pro-btn{
    position: absolute;
    right: 20px;
    bottom: 12%;
    width: 50px;
    height: 50px;
    display: flex;
    margin-top: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    border: 1px solid #00bf86;
    color: #00bf86;
    transition: .2s;}
.h3-car-card:hover .pro-btn{background:#00bf86;color: #fff;border-color:#00bf86 }


.cz-top-nav {width: 100%;margin: auto;position: relative;z-index: 100;}
.cz-top-nav-item {width: 76%;margin: auto;position: absolute;left:12%;top:-55px; z-index: 30;background: #fff;box-shadow: 0px 10px 50px 0px rgba(15, 23, 38, 0.1);}
.cz-top-nav-item a{display: block;overflow: hidden;padding:30px 3%;float: left;width:19%;position: relative;}
.cz-top-nav-item a:last-child::after {display: none;}
.cz-top-nav-item a::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #e6e8ed;}
.cz-top-nav-item strong{color: #666e80;font-size: 18px;padding: 0;display: block;width: 100%;}
.cz-top-nav-item p{color: #a1a7b2;font-size: 12px;padding:10px 0 0 0;margin: 0;}
.cz-top-nav-item i{display: block;width: 50px;height: 50px;position: absolute;right: 10%;top: 50%;margin-top: -22.5px;}
.cz-top-nav-item a:hover,.cz-top-nav-item a.cur{background: #6060ea;}
.cz-top-nav-item a:hover strong,.cz-top-nav-item a:hover p,.cz-top-nav-item a.cur strong,.cz-top-nav-item a.cur p {color: #fff;}
.cz-top-nav-item a:hover img,.cz-top-nav-item a.cur img,.cz-top-nav-item a:hover svg,.cz-top-nav-item a.cur svg,.cz-top-nav-item a.cur svg *,.cz-top-nav-item a:hover svg *{fill: #fff;}
.cz-top-nav-item a.cur p{opacity: .6;}
.cz-top-nav-item.num2 {width: 40%;left:30%;}
.cz-top-nav-item.num2 a {width:40%;padding:30px 5%;}
.cz-top-nav-item.num3 {width: 56%;left:22%;}
.cz-top-nav-item.num3 a {width:23.33333%;padding:30px 5%;}
.cz-top-nav-item.num4 {width: 76%;left:12%;}
.cz-top-nav-item.num4 a{width:25%;box-sizing: border-box;}
.cz-top-nav-item.num6 {width: 90%;width:calc(90% - 60px); left:5%;margin:0 30px;top: -75px;}
.cz-top-nav-item.num6 a {width:16.66666%;padding:30px 0;}
.cz-top-nav-item.num6 a i {left: 50%;right: auto;top:20%;margin-top: 0; margin-left: -25px;}
.cz-top-nav-item.num6 a strong {text-align: center;padding-top:60px;display: block;font-weight: normal;}
.cz-top-nav-two {width: 85%;width:calc(85% - 60px);left:5%;margin:0 30px;bottom: -128px;padding: 0 2.5%;position: absolute;background: #eef0f3;z-index: 20;}
.cz-top-nav-tow-nav {position: relative;overflow: hidden;display: none;}
.cz-top-nav-tow-nav.cur {display: block;}
.cz-top-nav-tow-nav a{font-size: 14px;color: #666e80;display: block;float: left;padding: 20px 0;margin-right: 40px;position: relative;}
.cz-top-nav-tow-nav a::after {content: '';position: absolute;left: 0;bottom: 0;width:0;height: 1px;background: #666f80;transition:all .4s ease;}
.cz-top-nav-tow-nav a:hover::after {width: 100%;}
.cz-top-nav-item strong{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cz-product-item .title-1 {font-size: 18px;line-height: 30px;}
.cz-top-nav-item.num2 {width: 40%;left:30%;}
.cz-top-nav-item.num3 {width: 60%;left:20%;}
.cz-top-nav-item.num4 {width: 80%;left:10%;}
.cz-top-nav-item.num6 {width: 90%;width:calc(90% - 60px); left:5%;margin:0 30px;top: -75px;}



.breadcrumb-content-wrapper p{color: #dddddd;font-size: 14px;max-width: 80%}
.breadcrumb-content-wrapper span{color: #00bf86;margin: 50px 0 0;}
.breadcrumb-content-wrapper h2{font-size: 140px;color: #fff;margin: 0;text-transform: uppercase;opacity: .1;margin-top: -100px;font-weight: 800;letter-spacing: 10px}
.pro-line{width: 80px;height: 4px;background: #00bf86;margin: 20px 0}
.brands-filter.sol ul li{transition: 0.5s ease-in;}
.brands-filter.sol ul li a:hover{background: #28a24c url(assets/img/bnhb/icon-bg.jpg) right bottom no-repeat;background-size: cover;}
.brands-filter ul li a:hover h5 span{color: #fff}
.brands-filter ul li a:hover h5{color: #fff}
.brands-filter ul li a:hover .icon-red{display: none}
.brands-filter ul li a:hover .icon-white{display: block}
.head-phone{border: 1px solid rgba(255,255,255,0.3);padding: 8px 15px;border-radius: 3px;font-size: 18px;color: #fff;-webkit-transition: 0.3s ease-in;transition: 0.3s ease-in;font-weight: 600}
.head-phone:hover{background: #fff;color: #333}

.flex-x{display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;}
.offcanvus-content h4{color: #333;font-size: 18px;font-weight: 500}
.offcanvus-contact h4{color: #333;font-size: 18px;font-weight: 500}
.offcanvus-contact p{margin-bottom: 5px}
.offcanvus-contact p strong{color: #28a24c;font-size: 17px;}
.widget-title-large{font-size: 42px;color: #26334c;}
.widget-basic p{font-size: 14px;color: #666e80;padding:0;margin-bottom: 0;list-style-position: 14px}
.footer-nav-widget h6{font-size: 16px;font-weight: 500;color: #26334c;border-bottom: 1px solid #e0e0e0;padding-bottom: 18px}
.blog-card:hover .small-btn-meta{color: #28a24c}
.blog-card p{font-size: 14px;color: #444}
.blog-card h5{font-weight: 550;color: #26334c;font-size: 18px}
.h2-blog-card:hover .btn-meta{color: #28a24c}
.mt--50{margin-top: -50px}
.title-1{position: relative;}
.title-1.boi i,.title-1.boi em {
    display: block;
    width: 25px;
    height: 17px;
    position: absolute;
    left: -28px;
    top: 12px;
    background: url(assets/img/bnhb/it1.png) no-repeat;
}
.cz-index-cooperative-customers {position: relative;max-width: 100%}
.cz-index-cooperative-customers .cz-content{width: 100%;overflow: hidden;}
.cz-index-cooperative-customers-top {position: absolute;width: 100%;height:100%;top:0;left: 0;z-index: 10;text-align: center;font-size: 0;overflow: hidden;}
.cz-index-cooperative-customers-top a {position: absolute;display:block;width: 289px;height: 251px;background: url('assets/img/bnhb/cooperative2.png') center no-repeat;background-size: 100%;clear: both;margin:5px auto;webkit-transition: 0.3s ease-in;transition: 0.3s ease-in;}
.cz-index-cooperative-customers-top a:hover {background: url(' assets/img/bnhb/cooperative1.png') center no-repeat;background-size: 100%;}
.cz-index-cooperative-customers-top a:hover i {opacity: 1;}
.cz-index-cooperative-customers-top a i {display: block;width: 100%;height: 100%;position: relative;overflow: hidden;opacity: .6;webkit-transition: 0.3s ease-in;transition: 0.3s ease-in;}
.cz-index-cooperative-customers-top a.item1 {left: 50%;top:50%;margin-left: -144.5px;margin-top: -250px;}
.cz-index-cooperative-customers-top a.item2 {left: 50%;top:50%;margin-left: -144.5px;margin-top: 7px;}
.cz-index-cooperative-customers-top a.item3 {left: 50%;top:50%;margin-left: -367px;margin-top: -122px;}
.cz-index-cooperative-customers-top a.item4 {right: 50%;top:50%;margin-right: -367px;margin-top: -122px;}
.cz-index-cooperative-customers-top a.item5 {left: 50%;top:50%;margin-left: -590px;margin-top: -250px;}
.cz-index-cooperative-customers-top a.item6 {left: 50%;top:50%;margin-left: -590px;margin-top: 7px;}
.cz-index-cooperative-customers-top a.item7 {right: 50%;top:50%;margin-right: -590px;margin-top: -250px;}
.cz-index-cooperative-customers-top a.item8 {right: 50%;top:50%;margin-right: -590px;margin-top: 7px;}
.cz-index-cooperative-customers-top a.item9 {left: 50%;top:50%;margin-left: -815px;margin-top: -122px;}
.cz-index-cooperative-customers-top a.item10 {right: 50%;top:50%;margin-right: -815px;margin-top: -122px;}
.cz-index-cooperative-customers-bottom {background: #000;}

.mbshow { display:none!important;}
.pcshow { display:block!important;}
.bg-case1{background: url("assets/img/bnhb/case-1.jpg");background-size: cover;
    background-repeat: no-repeat;
    background-position: center;}
.case{position: relative;}
.single-staff .staff-social.pp a{font-size: 24px}
.cvb{width: 70%;height: auto;padding-top: 20px;padding-bottom: 20px;}
.z-10{z-index: 10}
#cz-indexbg {width: 100%;height: 940px;position: relative;overflow: hidden;margin-top: -1000px;z-index: 1}

.solution-section{position: relative;margin-top: -5px;padding: 60px 0 50px;}
.listing_info_box h5{font-size: 24px;color: #000;font-weight: 500}
.rounded.top-no{border-top-right-radius: 0!important;border-top-left-radius:0!important}
.img-center {
    position: absolute;
        max-width: 100%;
    max-height: 100%;
    padding: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: auto!important;
    height: auto!important;
    z-index: 1;
}
.cz-index-product-right {position: relative;display: block;}
.img-block {
    display: block;
    width: 100%;
    height: auto;
}
.cz-index-product-item {background: #000;position: relative;overflow: hidden;}
.cz-index-product-item a {display: block;overflow: hidden;color: #fff;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;}
.cz-index-product-item .text{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index:4;color: #fff;}
.cz-index-product-item .text .top{width: 84%;margin: auto;position: absolute;left:8%;bottom:5%;}
.cz-index-product-item.sol .text .top{bottom:2%;}
.cz-index-product-item .text .top .title-1{font-size: 20px;color: #fff;padding-bottom: 0px;line-height: 20px}
.cz-index-product-item .text .top .title-1 i{color: #00bf86;}
.cz-index-product-item .text .top .title-3{font-size: 50px;font-weight: bold}
.cz-index-product-item .text .top .title-3 span{font-size: 24px}
.cz-index-product-item .text .top .title-2{font-size: 24px;padding: 3px 0;font-weight: 500;}
.cz-index-product-item .text .bottom{width: 84%;margin: auto;position: absolute;left:8%;bottom:8%;}
.cz-index-product-item .text .bottom .text-3{font-size: 14px;line-height: 24px;padding-bottom: 30px;}
.cz-index-product-item .text .bottom .view-4{overflow: hidden;padding-top: 30px;border-top: 2px solid rgba(255,255,255,.3);opacity: .6;}
.cz-index-product-item .text .bottom .view-4 strong{display: block;font-size: 14px;font-weight: normal;letter-spacing: 2px;float: left;}
.cz-index-product-item .text .bottom .view-4 i{display: block;background: url('../image/jt-r1.png') center no-repeat;width: 22px;height: 8px;float: right;}
.cz-index-product-item .img .mark{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url('assets/img/bnhb/mark1.png');z-index:3;}
.cz-index-product-item a:hover .view-4{opacity: 1;}
.cz-index-product-item a:hover .img img{-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;}
.cz-index-product-item a:hover .img img.img-center{
    z-index: 1;opacity: 1;transform:scale(1.03);}

.brands-filter.sol ul{gap:0}
.brands-filter.sol ul li{width: 25%}
.single-staff h5{font-size: 24px;font-weight: 500;color: #333;border-top: 1px solid #eee;padding-top: 20px;font-size: 18px}
.single-staff h6{font-size: 22px;font-weight: 500;line-height: 32px}
.single-staff span{text-transform: capitalize}
.text-right{text-align: right}
.bg-grey-1{background: #f9f9f9}
.bg-grey-2{background:#f2f4f7}
.title-1{
    color: #000;
    font-size: 48px;
    line-height: 60px;
    padding-bottom: 30px;
}
.title-1.ss{padding-bottom: 5px}
.title-1 span{
    font-size: 40px;
    font-weight: 400;
}
.product{padding-bottom: 50px}
.i_product .top ul li {
	background: #474747;
	border-right: 1px solid #888888;
	color: #fff;
	float: left;
	width: 25%;
	text-align: center;
	font-size: 13.5px;
	padding: 20px 10px;
	line-height: 24px;
}
.i_product .top ul li:hover {
	background: #1d994b;
	cursor: pointer;
}
.i_product .top ul li:last-child {
	border-right: 0;
}
.i_product .top ul li span::before {
	background: url(../image/i_product_icon1.png) no-repeat center center;
	width: 9px;
	height: 13.5px;
	display: inline-block;
	content: '';
	margin-right: 10px;
}
.i_product .bottom .list {
	
}
.i_product .bottom .list .item {
	margin-bottom: 30px
}
.i_product .bottom .list .item .text {
	padding: 25px;
	height: 485px;
	background: #f8f8f8;
	position: relative;
}
.i_product .bottom .list .item .text::after {
	content: '';
	display: block;
	position: absolute;
	background: #353535;
	width: 100%;
	height: 0;
	z-index: 1;
	overflow: hidden;
	left: 0;
	top: 0;
    opacity: 0;
	transition: all 1s;
}
.i_product .bottom .list .item0 .text {
	background: #f8f8f8 url(assets/img/bnhb/i_product_img1.jpg) no-repeat left bottom;
	background-size: contain;
}
.i_product .bottom .list .item1 .text {
	background: #f8f8f8 url(assets/img/bnhb/i_product_img2.png) no-repeat left bottom;
	background-size: contain;
}
.i_product .bottom .list .item2 .text {
	background: #f8f8f8 url(assets/img/bnhb/i_product_img3.png) no-repeat left bottom;
	background-size: contain;
}
.i_product .bottom .list .item3 .text {
	background: #f8f8f8 url(assets/img/bnhb/i_product_img2.jpg) no-repeat left bottom;
	background-size: contain;
}
.i_product .bottom .list .item4 .text {
	background: #f8f8f8 url(assets/img/bnhb/i_product_img5.png) no-repeat left bottom;
	background-size: contain;
}
.i_product .bottom .list .item5 .text {
	background: #f8f8f8 url(assets/img/bnhb/i_product_img6.png) no-repeat left bottom;
	background-size: contain;
}
.i_product .bottom .list .item6 .text {
	background: #f8f8f8 url(assets/img/bnhb/i_product_img3.jpg) no-repeat left bottom;
	background-size: contain;
}
.i_product .bottom .list .item7 .text {
	background: #f8f8f8 url(assets/img/bnhb/i_product_img8.png) no-repeat left bottom;
	background-size: contain;
}
.i_product .bottom .list .item8 .text {
	background: #f8f8f8 url(assets/img/bnhb/i_product_img9.png) no-repeat left bottom;
	background-size: contain;
}
.i_product .bottom .list .item9 .text {
	background: #f8f8f8 url(assets/img/bnhb/i_product_img4.jpg) no-repeat left bottom;
	background-size: contain;
}
.i_product .bottom .list .item10 .text {
	background: #f8f8f8 url(assets/img/bnhb/i_product_img11.png) no-repeat left bottom;
	background-size: contain;
}
.i_product .bottom .list .item .top_b {
	position: relative;
	z-index: 3;
}
.i_product .bottom .list .item .top_b h2 {
    color: #000;
	font-size: 30px;
	margin-top: 15px;
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
    font-weight: 500;
    webkit-transition: 0.6s ease-in;
    transition: 0.6s ease-in;
}
.i_product .bottom .list .item .top_b .p1 {
	font-size: 14px;
	line-height: 24px;
	color: #444;
}
.i_product .bottom .list .item .top_b ul {
	margin-top: 3%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	opacity: 0;
}
.i_product .bottom .list .item .top_b h5{
    font-size: 17px;
    max-width: 100%;
    margin-left: auto;
	margin-right: auto;
	opacity: 0;}
.i_product .bottom .list .item .top_b p{
    font-size: 14px;opacity: 0;margin-left: auto;
	margin-right: auto;
    margin-bottom: 5px;
}
.i_product .bottom .list .item .top_b ul li {
	font-size: 18px;
    float: left;
    line-height: 24px;
    margin-bottom: 15px;
    padding-right: 10px;
}
.i_product .bottom .list .item .top_b ul li {
}
.i_product .bottom .list .item .bottom_b {
	color: #fff;
	font-size: 30px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	height: 110px;
}
.i_product .bottom .list .item .bottom_b a {
	position: absolute;
	display: block;
	z-index: 3;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding-top: 26px;
	opacity: 0;
}
.i_product .bottom .list .item .bottom_b::after {
	content: '';
	display: block;
	position: absolute;
	background: #1d994b;
	width: 100%;
	bottom: 0;
	height: 0;
	z-index: 2;
	overflow: hidden;
	transition: all 1s;
}
.i_product .bottom .list .item0 .top_b .p1 {
	max-width: 100%;
}
.i_product .bottom .list .item:hover .top_b ul {
	opacity: 1;
	transition: all 1s;
}

.i_product .bottom .list .item:hover .top_b h5,.i_product .bottom .list .item:hover .top_b p{
    opacity: 1;
	transition: all 1s;
}
.i_product .bottom .list .item:hover ul {
	display: block;
}
.i_product .bottom .list .item:hover .text::after {
	height: 100%;
	transition: all 1s;
}
.i_product .bottom .list .item:hover .text * {
	color: #fff;
}
.i_product .bottom .list .item:hover .bottom_b {
	display: block;
}
.i_product .bottom .list .item:hover .bottom_b::after {
	height: 100%;
	transition: all 1s;
}
.i_product .bottom .list .item:hover .bottom_b a {
	opacity: 1;
	transition: all 1s;
}

.i_product .bottom .list .item:hover .top_b .p1{
	color: #333
	}
.i_product .bottom .list .item:hover .top_b h2{color: #000}
.clut{margin-left: 200px;}

.clut::after{content: "";position: absolute;background: #d6d6d6;height: 170px;width: 1px;top: 0;right: -25%}
.clut p{font-size: 14px}
.clut h5{color: #333;font-size: 28px; font-weight: 500}
.clut i{color: #989898;font-size: 72px;padding-bottom: 30px;-webkit-transition: 0.3s ease-in;transition: 0.3s ease-in;}
.clut:hover i{color: #28a24c;}
.text-ab{color: #f1f1f1}
.bg-primary-1{background:#28a24c }
.tutorial-section.ab{background-size: cover;background-repeat: no-repeat;background-position: center;background-attachment:inherit;margin-top: -8px}
.tutorial-section.bc{background: url("assets/img/bnhb/ab-bg-1.jpg");background-size: cover;background-repeat: no-repeat;background-position: center;background-attachment:inherit;margin-top: -8px}
.tutorial-section.ab a{font-size: 17px;font-weight: 600; color: #333;border-bottom: 4px solid #28a24c;padding-bottom: 10px;-webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;}
.tutorial-section.ab a:hover{color:#28a24c}
.tutorial-section.ab .count-ab h3{color: #333; font-size: 100px;letter-spacing: -5px}
.tutorial-section.ab .count-ab h3 sub{bottom: 3.5rem;font-size: 36px}
.tutorial-section.bc h4{font-size: 24px;color: #fff;font-weight: 400}
.tutorial-section h2{color: #000; font-size: 48px;line-height: 60px;padding-bottom: 30px}
.tutorial-section h2 span{font-size: 40px;font-weight: 400}
.header-sticky .logo-light{display: inline;max-width: 100%;}
.header-sticky .logo-dark{display: none;max-width: 100%;}
.header-sticky.sticky-on .logo-light{display: none}
.header-sticky.sticky-on .logo-dark{display: inline}
.header-sticky.sticky-on .at_header_nav{padding: 0}
.header-sticky.sticky-on .at_nav_menu ul li.has-submenu .at_megamenu_style_1,.header-sticky.sticky-on .at_nav_menu ul li.has-submenu .submenu-wrapper{top:100%}
.hero3-slider .slick-active h1 span{font-size:50px;font-weight: 500}
.header-toggle-btn span{display: inline}
.hero3-slider .slick-active .tran-btn{-webkit-animation: 1.9s theme_fadeInUp;
    animation: 1.9s theme_fadeInUp;}
.app-btn.tran-btn {
  background: transparent;border: 1px solid #fff;color: #fff;
    
}
.app-btn.tran-btn:hover {
  background: #fff;
  color: #333;
}
.bnhb-bg{margin-top: -107px;}
.sr-service-content h3{text-transform: capitalize;}
.sub_nav .box,
.sub_nav
{
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.border-bottom-1{border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.sub_nav{ position:fixed; right:0px; top:50%; background:#fff; margin-top:-150px; z-index:15; -webkit-transform: translateZ(0);border-radius: 5px;box-shadow: 0px 0px 5px rgb(0 56 60 / 20%)}
.sub_nav li{ position:relative;}
.sub_nav .pd{ display:block;}
.sub_nav .h3 i{ width:50px; height:50px; line-height:50px; display:block; color:#28a24c; text-align:center; font-size:26px;}
.sub_nav .box{ display:none; display:block; position:absolute; right:50px; white-space:nowrap; top:0px;border-right:1px solid rgba(255,255,255,0); height:50px; line-height:50px; color:#fff; width:0px; overflow:hidden; padding:0px;}
.sub_nav .box.two{ display:none; display:block; position:absolute; right:50px; white-space:nowrap; top:0px;border-right:1px solid rgba(255,255,255,0); height:80px; line-height:40px; color:#fff; width:0px; overflow:hidden; padding:0px;}
.sub_nav .ewm_box{ text-align:center; height:auto;}
.sub_nav .ewm_box img{ max-width:250px; height:auto; display:block;}
.sub_nav .ewm_box strong{ padding-top:10px; line-height:1.3; display:block;}
.sub_nav .box button{background: #333;color: #fff;cursor: pointer}
.sub_nav .pd:hover .h3 i{ background-color:#28a24c;color: #fff}
.sub_nav .pd:hover .box{ display:block; background:#333; width:auto; border-color:rgba(255,255,255,1); padding-left:20px; padding-right:20px;}
.sub_nav .pd:hover .ewm_box{ padding:20px;}
.sub_nav .back_top{display: block}


.breadcrumb-content-wrapper h1{font-size: 50px; text-transform: capitalize;}
.h3-services-wrapper .services-left.right {
  padding: 70px 40px 70px 10px;
}
.zoom-btn {
    position: absolute;
    right: 66px;
    bottom: 0px;
    -webkit-transition: all 300ms ease 300ms;
    -moz-transition: all 300ms ease 300ms;
    -ms-transition: all 300ms ease 300ms;
    -o-transition: all 300ms ease 300ms;
    transition: all 300ms ease 300ms;
    z-index: 2;
}
.zoom-btn a {
    position: relative;
    display: block;
    text-align: center;
    width: 64px;
    height: 64px;
    line-height: 64px;
    bottom: 10px;
    right: -50px;
    color: #7f8a99;
    background: #28a24c;
    overflow: hidden;
    opacity: 0;
    border-radius: var(--bs-border-radius) !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.app:hover .zoom-btn a{opacity: 1}
.zoom-btn a i {
    position: relative;
    display: inline-block;
    font-size: 22px;
    vertical-align: middle;
    color: #fff
}
.app:hover .zoom-btn a{opacity: 1}
.app:hover img {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    border-radius: 10px
}

.app img {
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    border-radius: var(--bs-border-radius) !important;
}
.mt--120{margin-top: -120px;}
.pb-e{padding-bottom: 57px}
.equipment-area .e-title{font-weight: bolder;font-size: 36px}
.equipment-area {
  padding: 40px 32px;
}
.equipment-area h5{font-size: 32px}

.bs-blog-meta i{color: #28a24c;padding-right: 5px}
.bs-blog-meta a{font-size: 14px}
.blog-card-top i{color: #28a24c;padding-right: 10px}
.pro-d-p{margin-top: -77px;}
.bg-gray{background: #efefef}
.c-container{max-width:96%}
.b-container{max-width:75%}
.a-container{max-width:85%}
.at-section-title h2{font-weight: 800;font-size: 50px}
.at-section-title.small h2{font-size: 45px}
.at-section-title.ab h2{font-weight: 800;font-size: 45px;text-transform: capitalize}
.head-search{color: #fff;font-size: 18px;border: 1px solid rgba(255,255,255,0.3);padding: 15px;border-radius: 3px;-webkit-transition: 0.3s ease-in;transition: 0.3s ease-in;text-transform: capitalize;}
.head-search:hover{background: #fff; color: #333}
.offcanvus-contact p span{color: #333;font-weight: 500}
.at-section-title h2 span{color: var(--bs-primary)}
.at-section-title p{font-weight: 500;font-size: 18px;color: #0b163f;line-height: 26px;}
.footer-banner-left h3{font-size: 26px;}
.footer-banner-left p{color: #fff;}
.fw-semibold{line-height: 16px}
.raudis-5{border-radius: 5px}
.img-fluid-1{max-width: 95%}
.ab-bg{background: url( "assets/img/mh3/ab-bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
.ss-bg{background: url( "assets/img/mh3/texture-bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
.sr-ft-list li .sr-ft-list-content.icon-left p{font-size: 18px}
.sr-ft-list li .sr-ft-list-content.icon-left h6{font-size: 20px;text-transform: uppercase}
.about-icon-box p{font-size: 14px}
.bg-g1,.bg-g2,.bg-g3,.bg-g4,.bg-g5,.bg-g6,.bg-g7,.bg-g8,.bg-g9,.bg-g10{background-position: right!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}
.bg-g1{background: url( "assets/img/mh3/gys.jpg")}
.bg-g2{background: url( "assets/img/mh3/gys1.jpg")}
.bg-g3{background: url( "assets/img/mh3/gys2.jpg")}
.bg-g4{background: url( "assets/img/mh3/gys3.jpg")}
.bg-g5{background: url( "assets/img/mh3/gys4.jpg")}
.bg-g6{background: url( "assets/img/mh3/gys5.jpg")}
.bg-g7{background: url( "assets/img/mh3/gys6.jpg")}
.bg-g8{background: url( "assets/img/mh3/gys7.jpg")}
.bg-g9{background: url( "assets/img/mh3/gys8.jpg")}
.bg-g10{background: url( "assets/img/mh3/gys9.jpg")}
.bg-message{background: url("assets/img/mh3/bg-message.jpg");background-position: center center;background-repeat: no-repeat;background-size: cover;}
.h2-blog-card h4{font-size: 17px;color: #333}
.h2-blog-card p{font-size: 14px}
.brands-filter.pro-list ul li{border: 1px solid #eee;border-radius: 5px;}
.brands-filter.pro-list ul li a:hover {
    background: #28a24c;
    color: #fff;
    -webkit-box-shadow: 0px 10px 40px rgb(252 0 18 / 30%);
    box-shadow: 0px 10px 40px rgb(252 0 18 / 30%);
}
.brands-filter.pro-list ul li a:hover .icon-white {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.h4-feature-item-content span{font-size: 12px;color: #6E6E6E}
.h4-feature-item-content span:hover{color: var(--bs-primary)}
.h4-feature-item img{width: 35px;height: auto;}
.lg-block{display:block}
.sm-block{display:none}
.iv_info_item img{width: 30px;height: auto}
.header-sticky.sticky-on{box-shadow: 5px 2px 5px rgba(76,76,76,0.2)}
.header-sticky.sticky-on .header-toggle-btn span{background: #28a24c}
.header-sticky.sticky-on .at_nav_menu ul li a{color: #333}
.header-sticky.sticky-on .head-phone{color: #333;border-color: rgba(0,0,0,0.3)}
.header-sticky.sticky-on .at_nav_menu ul li.has-submenu::after{color: #333}
.header-sticky.sticky-on .head-search {
    color: #333;
    font-size: 18px;
    border: 1px solid rgba(0,0,0,0.3);
    padding: 15px;
    border-radius: 3px;
}
.hero3-single-slide{padding-top: 16%}
.hero3-single-slide.one{padding-top: 12%}
.hero3-single-slide.second{padding-top: 8%}
.listing_info_box p{font-size: 18px}
.widget-basic p.c-name{font-size: 18px;font-weight: 600;line-height: 27px;color: #3d4865}
.jin{letter-spacing: 0.06rem}
.vip-home{padding: 100px 0 0;position: relative;}
.vip-img{position: relative;overflow: hidden}
.vip-img img{
  display: block;
  width: 100%;
  overflow: hidden;
  transform: scale(1);
  transition: 0.5s;
}
.vip-img:hover img{
  transform: scale(1.04);
}
.vip-content h3{position: absolute;color: #fff;top: 15%;left: 15%;text-transform: uppercase;font-size: 32px;line-height: 42px;font-weight: normal}
.vip-home{background: #fff}
/*.vip-home::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 404px;
    background: #ffffff;
}*/
.no-gutters {
    margin-right: 0;
    margin-left: 0
}
.vip-content a{color: #fff; position: absolute;color: #fff;bottom: 12%;left: 15%;padding: 8px 20px;border: 1px solid #fff;text-transform: uppercase;font-size: 18px;font-weight: 500}
.vip-content a:hover{color: #fff;}
.vip-content i{position: absolute;color: #fff;font-size: 150px;top: 30%;left: 33%}
.footer-wrapper{border-top: 1px solid #e0e0e0}
.breadcrumb-section.prov{padding: 88px 0 20px 0;}
.crumbprov{text-align: left;padding: 20px 0 5px;border-bottom: 1px solid #dfdfdf;
}
.crumbprov li a{color: #333;font-size: 16px;}
.crumbprov li a i{padding-right: 5px;color: #2b2e35}


.car-info-box.pro .title-1{font-size: 40px;padding-bottom: 0}
.car-info-box.pro .title-1.boi i{top: 16px}
.car-info-box.pro .title-1.boi i, .title-1.boi em{left: -14px}
.pro-box h5{font-size: 24px; color: #333;font-weight: 500;padding: 20px 0 10px}
.pro-box p{font-size: 16px;margin-bottom: 0}
.bntable .first{background: #28a24c;}
.bntable .first th{color: #fff!important}
.bntable th, .bntable td {
    font-size: 18px;
    white-space: nowrap;
}
.app-btn .icon-wrapper i{font-size: 18px}

.title-wrapper h4{color: #333;font-size: 30px;font-weight: 500}

.sidebar-widget .widget-top h4{font-weight: 500;color: #333}

.sol-pp p{max-width: 50%}
@media screen and (max-width: 1920px){
.img-center {
    width: auto!important;
    height: auto!important;
}
}
@media(max-width:1800px){
    .hero3-slider .slick-active h1,.hero3-slider .slick-active h1 span{font-size: 40px}
    .hero3-single-slide.second{padding-top: 16%}
    .c-container{max-width:100%}
    .a-container{max-width:95%}
    .services-video-box .video-bg{max-width: calc(100% + 204px);
    margin-left: -60px;}
    .hero3-single-slide{padding-top: 25%}
}
@media(max-width:1650px){
.breadcrumb-section.about{padding:310px 0 350px 0 }
}
@media(max-width:1600px){
    .rent-hero{height: 770px;}
    .hero3-single-slide{padding-top: 15%}
    .hero3-single-slide.second{padding-top: 10%}
    .bnhb-about h2{font-size: 30px;line-height: 40px}
    .clut{margin-left: 100px}
    .ptb-ab{padding: 40px 0}
}
@media(max-width:1580px){
    .at_nav_menu ul li a {
    display: block;
    padding: 24px 15px;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    position: relative;
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    text-transform: capitalize;
}
    .at_nav_menu ul li.has-submenu::after{right: 0}
}
@media(max-width:1500px){
    .ab-left{padding-right: 20px}
    .ab-right{padding-left: 20px}
    .h4-hero-slider-single.case .slide-content{min-height: 200px}
    .b-container{max-width:90%}
.cz-index-cooperative-customers-top a {width: 200px;height: 200px;}
	.cz-index-cooperative-customers-top a.item1 {margin-left: -100px;margin-top: -190px;}
	.cz-index-cooperative-customers-top a.item2 {margin-left: -100px;margin-top: -10px;}
	.cz-index-cooperative-customers-top a.item3 {margin-left: -255px;margin-top: -100px;}
	.cz-index-cooperative-customers-top a.item4 {margin-right: -255px;margin-top: -100px;}
	.cz-index-cooperative-customers-top a.item5 {margin-left: -410px;margin-top: -190px;}
	.cz-index-cooperative-customers-top a.item6 {margin-left: -410px;margin-top: -10px;}
	.cz-index-cooperative-customers-top a.item7 {margin-right: -410px;margin-top: -190px;}
	.cz-index-cooperative-customers-top a.item8 {margin-right: -410px;margin-top: -10px;}
	.cz-index-cooperative-customers-top a.item9 {margin-left: -565px;margin-top: -100px;}
	.cz-index-cooperative-customers-top a.item10 {margin-right: -565px;margin-top: -100px;}
	.cz-index-cooperative-customers-top a img.img-center {max-width: 60%;}
}


@media(max-width:1330px){
    .head-phone,.head-search{font-size: 12px;}
.sol-pp p{max-width: 80%}
    .at_nav_menu ul li.has-submenu::after{right: -3px;}

    .offer-section{padding-top: 125px;}
    .d-sm-n{display: none}
}
@media(max-width:1300px){
    
    .bnhb-zl img{padding-top: 100px}
   .header-sticky.sticky-on .at_header_nav{padding: 12px 0}
    .at_nav_menu ul li a{font-size: 12px;padding: 15px 20px;}
    .at_nav_menu ul li.has-submenu::after{top: 16px}
}
@media(max-width:1250px){
    .k-none{display: none!important}
    .breadcrumb-content-wrapper p{max-width: 100%}
}
@media(max-width:1200px){
.pb-e{padding-bottom: 0}
.vip-content h3{font-size: 28px}
}
@media screen and (max-width:1024px){
.bnhb-zl h2{font-size: 32px;line-height: 45px}
.sub_nav{ left:0px; bottom:-10px; top:auto;}
.sub_nav li{ float:left; width:25%;}
.sub_nav .pd{ border-right:1px solid #fff;}
.sub_nav .h3 i{ width:auto;}
.sub_nav .box{ bottom:50px; top:auto; border-right:0px; left:0px; right:auto;}
.sub_nav .pd:hover .box{ display:none;}
.sub_nav .pd:hover .h3 i{ background:none;}
.sub_nav .back_top{display: none}
.breadcrumb-section{padding: 200px 0 150px 0;}

}
@media(max-width:991px){
    
    .w-sol{width: 100%}
    .ptb-ab{padding: 150px 0}
    .sol-pp p{max-width: 100%}
    .sol-img.fu{margin-top: 0}
    .bnhb-ser h2{font-size: 35px;line-height: 50px}
    .bnhb-zl img{padding-top: 0 0 40px}
    .bnhb-about{padding:50px 0 50px}
    .ab-left{padding-right: 0}
    .ab-right{padding-left: 0;text-align: center}
    .copyright-text{text-align: right}
    .solution-section{padding: 50px 0 50px;}
    .vip-content h3{font-size: 45px;line-height: 60px;left: 5%}
    .vip-content a{left: 5%}
    .brands-filter ul li a{display: block}
    .brands-filter ul{gap:0}
    .brands-filter ul li{width: 50%}
.flex-x{display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-start;
    padding-bottom: 30px}
.lg-block{display:none}
.sm-block{display:block}
.hero3-single-slide{padding-top:30%}
.hero3-slider .slick-active h1,.hero3-slider .slick-active h1 span{font-size: 30px}
.hero3-single-slide.second{padding-top: 20%}
.text-ab{padding-bottom: 100px}
.clut{margin-left:0;}
.clut::after{right:-5%}
.tutorial-section.bc {background: url(assets/img/bnhb/ab-bgsm-1.jpg);background-size: cover;background-repeat: no-repeat;background-position: top;background-attachment:inherit;}
}
@media(max-width:767px){
    .rent-hero{height: 100vh;}
    .bnhb-bg{margin-top: -62px;}
    .hero3-single-slide.one{padding-top: 35%;}
    .a-container{max-width:99%}
    .breadcrumb-section.about{padding: 250px 0 251px 0;}
.breadcrumb-content-wrapper h1 {
    font-size: 40px;
    text-transform: capitalize;
    font-weight: normal;
}
.breadcrumb-section.about{}
.h4-hero-slider-single.case .slide-content{min-height:100%;}
.brands-filter.sol ul li{width: 50%}
}
@media(max-width:640px){
    .header-sticky .logo-light{max-width: 300px;}
    .ptb-ab{padding: 70px 0 100px}
    .vip-home{padding: 0}
    .cz-top-nav-item.num4 {width:90%;left: 5%;top: -103px;}
	.cz-top-nav-item.num4::before {content: '';width: 100%;height:1px;position: absolute;right: 0;top: 50%;background: #e6e8ed;}
	.cz-top-nav-item.num4 a {width: 50%;}
	.cz-top-nav-item i {width: 40px;position: relative;right: auto;top: auto;margin-top: auto;}
	.cz-top-nav-item p {display: none;}
	.cz-top-nav-item strong {font-size: 14px;text-align: center;}
	.cz-top-nav-item a {padding: 5%;}
	.cz-top-nav-item.num6 {width: 90%;width: calc(90% - 0px);left: 5%;margin:0px;top: -103px;}
	.cz-top-nav-item.num6::before {content: '';width: 100%;height:1px;position: absolute;right: 0;top: 50%;background: #e6e8ed;}
	.cz-top-nav-item.num6 a {width: 33.3333333%;padding: 5%;box-sizing: border-box;}
	.cz-top-nav-item.num6 a strong {padding-top: 0px;}
	.cz-top-nav-item.num6 a i { margin-left:0px;left: auto;margin: auto;top: auto;}
	.cz-top-nav-item.num6 a:nth-child(3)::after,.cz-top-nav-item.num4 a:nth-child(2)::after {display: none;}
	.cz-top-nav-item.num3 {width: 90%;left: 5%;text-align: center;}
	.cz-top-nav-item.num2 {width: 90%;left:5%;}
	.cz-top-nav-item.num2 a {width: 40%;padding:5%;}
	.cz-top-nav-item i {margin: auto;}
	.cz-top-nav-two {display: none!important;}
    .head-phone{display: none}
    .hero3-single-slide{padding-top:60%}
    .mbshow {display: block!important;}
    .pcshow {display: none!important;}
.cz-index-cooperative-customers-top {text-align: center;padding-top:30%;}
	.cz-index-cooperative-customers-top a {width: 100px;height: 100px;position: relative;display: inline-block;right: auto!important;top: auto!important;left: auto!important;margin: 0;}
	.cz-index-cooperative-customers-top a {margin-left:auto!important;margin-top:auto!important;margin-right:auto!important;}
    .cz-index-product-item .text .bottom .text-3{display: none;}
    }

@media(max-width:578px){
    .car-info-box.pro .title-1{font-size: 35px;padding-left: 40px}
    .car-info-box.pro .title-1.boi i, .title-1.boi em{left: 11px;}
    .title-1{padding-bottom: 0;font-size: 35px}
    .rental-feature-box.pro{padding: 0px 8px 28px;}
    .offer-section{padding-top: 15px;}
    .b-container{max-width:100%} 
    .dl-hero-single{padding-top: 220px;padding-bottom: 20px}
    .d-smm-n{display: none}
    .dl-hero-single-1,.dl-hero-single{padding: 200px 0 50px 0;}
    .hero3-single-slide.second{padding-top: 35%}
    .clut::after{display: none}
    .clut h5{font-size: 20px}
    .clut i{font-size: 60px}
    .clut p{font-size: 12px}
    .ptb-100{padding-top: 50px;padding-bottom: 50px}
}